Ext.define('testleo.view.Home', {
    extend: 'Ext.Panel',
    xtype: 'homepanel',
    
    config: {
        title: 'News',
        iconCls: 'home',
        
        scrollable: true,
        styleHtmlContent: true,
         
        html: [
            //'<img src="http://staging.sencha.com/img/sencha.png" />',
            //'<h1>Welcome to Sencha Touch</h1>',
            //"<p>You're creating the Getting Started app. This demonstrates how ",
            //"to use tabs, lists and forms to create a simple app</p>",
            //'<h2>Sencha Touch (2.0.0)</h2>'
            //'hello world',
            '<div class="boxnews"><h1>European Commission publishes AIFMD level 2 implementation proposals</h1>',
            '<span class="date">3 April 2012</span>',
            '</div>',
            '<div class="boxnews"><h1>Luxembourgs amended SIF law comes into force</h1>',
            '<span class="date">2 April 2012 - by Olivier Sciales</span>',
            '</div>',
            '<div class="boxnews"><h1>Luxembourg adopts AIFMD-ready amended SIF legislation</h1>',
            '<span class="date">9 March 2012 - by Olivier Sciales</span>',
            '</div>',
            '<div class="boxnews"><h1>Esma launches discussion paper on AIFMD technical standards</h1>',
            '<span class="date">7 March 2012 - by Olivier Sciales</span>',
            '</div>',
            '<div class="boxnews"><h1>Esma advice increases certainty on third-country AIFM Directive questions</h1>',
            '<span class="date">27 January 2012 - by Olivier Sciales</span>',
            '</div>'            
            //'<div class="boxnews">News article #1 </div>',
            //'<div class="boxnews">News article #2 </div>'
        ].join(""),
        
        items: [
            { 
            dock: 'top', 
            xtype: 'toolbar',
            title: 'AIFMD News',
            //height: 48,
            ui: 'light'
            //items: [ 
            //{text: 'My Button'} 
            //] 
            }


        ]        
    }
})